<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zzSearch</title>
    <!-- 网站说明 -->
    <meta name="description"
        content="关键词搜索资源网：新闻、文案搜索" />
    <!-- 关键字 -->
    <meta name="keywords" content="新闻、文案搜索" />

    <!-- 引入favicon图标 -->
    <!-- <link rel="shortcut icon" href="favicon.ico" /> -->
    <!-- 引入我们初始化样式文件 -->
    <link rel="stylesheet" href="/css/base.css">
    <!-- 引入我们公共的样式文件 -->
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/news.css">
</head>
<body>
    <!-- 快捷导航模块 start -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>zzSearch欢迎您！&nbsp;</li>
                    <li>
                        <a href="#">请登录</a> &nbsp; <a href="#" class="style_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的历史搜索</li>
                    <li></li>
                    <li class="arrow-icon">我的收藏</li>
                    <li></li>
                    <li>zzSearch会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow-icon">关注zzSearch</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 快捷导航模块 end -->

    <!-- header头部模块制作 start -->
    <header class="header w">
        <!-- search搜索模块 -->
        <div class="search">
            <form action="/search/any" method="get">
                <input type="search" name="word" id="" placeholder="zz~~">
                <button type="submit">搜索</button>
            </form>
        </div>

        <!-- hotwords模块制作 -->
        <div class="hotwords">
            <a href="/search/hotword?hotword=热点" class="style_red">热点</a>
            <a href="/search/hotword?hotword=百度">百度</a>
            <a href="/search/hotword?hotword=抖音">抖音</a>
            <a href="/search/hotword?hotword=java">java</a>
            <a href="/search/hotword?hotword=笑话">笑话</a>
            <a href="/search/hotword?hotword=工程师">工程师</a>
            <a href="/search/hotword?hotword=食物">食物</a>
        </div>

    </header>
    <!-- header头部模块制作 end -->
    <p th:text="${msg}" style="color:red; font-size: 20px; margin-left: 500px"></p>
    <!-- 列表页主体部分 -->
    <div class="w">
        <div class="news" style="display: block;">
            <div class="news_hd">
                <p th:text="|检索词：${word}(${count})|">今日热点</p>
            </div>
            <div class="news_bd">
                <ul>
                    <li th:each="con, index:${content}" style="overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;">
                        <a decode="{{true}}" th:href="@{${con.getLink()}}" th:text="|NO${index.count}:&nbsp;&nbsp;${con.getContent()}|" target="_blank">
                            莫道枫林晚，为霞尚满天
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <script src="/js/news.js"></script>
    <script src="/js/jquery.min.js"></script>

</body>
</html>